<style>
    body {
        background: url(../img/top.jpg) no-repeat center top #075498;
    }

    img {
        margin-top: 80px;
        border: 0;
        display: block;
        height: 60px;

    }

    #login {
        width:300px;
        height:200px;
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -250px;
    }

</style>
<!--<meta name="viewport" content="width=device-width,intial-scale=1.0">-->
<!--<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>-->
<div id="login">
    <form class="form-horizontal css-form" name="form" novalidate>
        <div class="title control-group">
            <img src="../img/logo.png">
            <!--<label class="control-label" for="inputEmail">登录：</label>-->
        </div>
        <div class="control-group">
            <label class="control-label" >邮箱：</label>
            <div class="controls">
                <input type="email" name="inputEmail" input-email ng-model="content.inputEmail" class="form-control" placeholder="邮箱"/>
                <span ng-show= "form.inputEmail.$error.email">邮箱地址格式不正确！</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" >密码：</label>
            <div class="controls">
                <input type="password" name="inputPassword" input-password ng-model="content.inputPassword"ng-maxlength="20" ng-minlength="6"required="" class="form-control" placeholder="6-20个字符"/>
                <span ng-show="(form.inputPassword.$dirty) && form.inputPassword.$error.maxlength">密码长度不能大于20个字符！</span>
                <span ng-show="(form.inputPassword.$dirty) && form.inputPassword.$error.minlength">密码长度不能小于6个字符！</span>
            </div>
        </div>
        <!--<div class="form-group" ng-show="form.$invalid &&form.$dirty&& content.show_error">-->
            <!--<label class="col-sm-2 control-label"></label>-->
         <!--<div class="controls">-->
            <!--<div class="alert alert-danger" style="margin-bottom: 0px">-->
                <!--<ul>-->
                    <!--<li ng-show="(form.inputEmail.$dirty) && form.inputEmail.$error.required">邮箱地址不能为空！</li>-->
                    <!--<li ng-show= form.inputEmail.$error.email">邮箱地址格式不正确！</li>-->
                    <!--<li ng-show="(form.inputPassword.$dirty) && form.inputPassword.$error.required">密码不能为空！</li>-->
                    <!--<li ng-show="(form.inputPassword.$dirty) && form.inputPassword.$error.maxlength">密码长度不能大于20个字符！</li>-->
                    <!--<li ng-show="(form.inputPassword.$dirty) && form.inputPassword.$error.minlength">密码长度不能小于6个字符！</li>-->
                <!--</ul>-->
            <!--</div>-->
         <!--</div>-->
        <!--</div>-->

<div class="control-group">
            <div class="controls">
                <label class="checkbox">
                    <input type="checkbox"> Remember me
                </label>
                <button type="button" class="btn btn-success" ng-click="doLogin()">登录</button>
            </div>
        </div>
    </form>
</div>